<div *ngIf="mei && type">
    <div class="d-flex align-items-center">
        <div class="flex-column">
            <img [attr.src]="meiIcon" class="incident-icon mr-3" />
            </div>
        <div class="flex-column nowrap">
            <h3 class="mb-0">{{ mei.name }}</h3>
            <p class="mb-0">Contribution: {{ formatIssueWeight(mei.finalWeight).toFixed(1) }}%</p>
        </div>
        <div class="flex-fill small pl-4">
            <p class="mb-0">{{ meiDescription }}</p>
        </div>
    </div>
</div>

<div class="mt-5">
    <mei-rating-overview #ratingOverview [displayType]="'mei'" [type]="type"></mei-rating-overview>
</div>

<div class="mt-5" *ngIf="type !== 'IdiosyncraticIssue'">
    <mei-analyst-view #analystView [displayType]="'mei'"></mei-analyst-view>
</div>

<div class="mt-5">
    <mei-indicators #indicators [type]="type"></mei-indicators>
</div>
